import axios from 'axios'
import Vue from 'vue'
import VueRouter from 'vue-router'

import ElementUI from 'element-ui'
//import 'element-ui/lib/theme-chalk/index.css'

// reset css
import '../../css/reset.css'
import '../../theme/default/index.css'

import Container from "../../component/container.vue"
import PageOne from "../../component/spa/pageone.vue"
import PageTwo from "../../component/spa/pagetwo.vue"
import PageThree from "../../component/spa/pagethree.vue"

Vue.__proto__.$axios = axios

Vue.use(ElementUI);
Vue.use(VueRouter);

const routes = [
  { path: '/pageone', name: 'pageone', component: PageOne },
  { path: '/pagetwo/:msg', name: 'pagetwo', component: PageTwo, props: true },
  { path: '/pagethree', name: 'pagethree', component: PageThree }
];

const router = new VueRouter({routes});

router.push({ name: 'pageone'});

var vm = new Vue({router}).$mount('#spa');